<template>
  <div class="skeletonDetail">
    <div class="ssiper sbgc"></div>
    <div class="c-ph24 c-bg-white snav c-flex-column">
      <div class="c-w100 c-mb20 sbgc" style="height: 0.7rem;"></div>
      <div class="sbgc" style="height: 0.55rem;width:7.5rem;"></div>
    </div>
    <div class="c-ph24 c-mt10 c-bg-white">
      <div class="c-flex-row c-justify-sa c-pt20 c-pb30">
        <div class="scd"></div>
        <div class="scd"></div>
        <div class="scd"></div>
      </div>
      <div class="sbgc c-w100" style="height:10rem;"></div>
    </div>
  </div>
</template>
<style>
.skeletonDetail {
  position: fixed;
  top:0;
  left:0;
  z-index: 10000;
  height: 100%;
  width: 100%;
  max-width: 16rem;
  background: #f2f2f2;
  margin:0 auto;
  left:auto;
  right:auto;
}
.sbgc, .scd {
  background-color: #f2f2f2;
}
.ssiper {
  height: 10.5rem;
}
.snav {
  padding-top: 1rem;
  padding-bottom: 0.75rem;
}
.scd {
  width: 1.5rem;
  height: 0.7rem;
}
</style>